<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>三峡大学计算机与信息学院 - 欢迎您！</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.5/dist/css/layui.css">
    <link rel="icon" href="https://ae01.alicdn.com/kf/U8aa17206ce5f4e0e9249606727c969deG.jpg">
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $(".dropdown").mouseenter(function(){
                $(this).children("div").children("a").stop().slideDown(500);
            })
            $(".dropdown").mouseleave(function(){
                $(this).children("div").children("a").slideUp(500);
            })
        });
    </script>
</head>
<body>
    <script>alert("可能因为电脑分辨率有点问题，所以实际的网页比例可能不太对，请缩放一下，动画效果要是有问题，可能是因为stop的点不对，每个都hover一下就正常了")</script>
    <div id="header" style="background-color: #005A99;">
        <div class="header-top">
            <div class="logo-a"><img src="https://www.hualigs.cn/image/607eddd0e7034.jpg"></div>
            <div class="search-div">
                    <input id="keywords" class="wb" type="text" placeholder="请输入关键字">
                    <button id="search-btn" type="button" onclick="alert('暂时还没有搜索功能--')")>搜&nbsp索</button>
            </div>
        </div>
    </div>
    <div id="nav">
        <div class="dropdown">
            <a href="#" class="til"><button class="dropbtn" style="padding-left: 7px;margin-right: -10px;">首页</button></a>
        </div>
        <div class="dropdown">
            <a href="http://it.ctgu.edu.cn/in/49" class="til"><button  class="dropbtn">学院概况</button></a>
            <div class="dropdown_content">
                <a href="http://it.ctgu.edu.cn/in/49" style="padding-top: 12px;padding-bottom: 12px;padding-left: 20px;padding-right: 20px;text-decoration: none;display: block;line-height: 6px;">学院简介</a> 
                <a href="http://it.ctgu.edu.cn/in/50">学院领导</a>  
                <a href="http://it.ctgu.edu.cn/in/51">机构设置</a>  
                <a href="http://it.ctgu.edu.cn/in/53">宣传视频</a> 
            </div>
        </div>    
        <div class="dropdown">
            <a href="http://it.ctgu.edu.cn/in/54" class="til"><button  class="dropbtn">学院动态</button></a>
            <div class="dropdown_content">
                <a href="http://it.ctgu.edu.cn/in/54" style="padding-top: 12px;padding-bottom: 12px;padding-left: 20px;padding-right: 20px;text-decoration: none;display: block;line-height: 6px;">学院动态</a>  
                <a href="http://it.ctgu.edu.cn/in/55">通知公告</a>  
                <a href="http://it.ctgu.edu.cn/in/56">行业新闻</a>  
                <a href="http://it.ctgu.edu.cn/in/57">视频新闻</a>  
            </div>
        </div>    
        <div class="dropdown">
            <a href="http://it.ctgu.edu.cn/in/58" class="til"><button  class="dropbtn">师资队伍</button></a>
            <div class="dropdown_content">
                <a href="http://it.ctgu.edu.cn/in/58" style="padding-top: 12px;padding-bottom: 12px;padding-left: 20px;padding-right: 20px;text-decoration: none;display: block;line-height: 6px;">师资概况</a>  
                <a href="http://it.ctgu.edu.cn/in/59">教师列表</a>  
            </div>
        </div>   
        <div class="dropdown">    
            <a href="http://it.ctgu.edu.cn/in/60" class="til"><button  class="dropbtn">本科生留学生培养</button></a>
            <div class="dropdown_content" style="width: 160px;">
                <a href="http://it.ctgu.edu.cn/in/60">部门概况</a>  
                <a href="http://it.ctgu.edu.cn/in/61">考试专栏</a>  
                <a href="http://it.ctgu.edu.cn/in/62">学期课表</a>  
                <a href="http://it.ctgu.edu.cn/in/63">专业介绍</a>  
                <a href="http://it.ctgu.edu.cn/in/64">培养方案</a>  
                <a href="http://it.ctgu.edu.cn/in/65">教学大纲</a>  
                <a href="http://it.ctgu.edu.cn/in/66">教学文件</a>  
                <a href="http://it.ctgu.edu.cn/in/67">教学成果</a>  
                <a href="http://it.ctgu.edu.cn/in/68">实践教学</a>  
                <a href="http://it.ctgu.edu.cn/in/69">文件下载</a>  
                <a href="http://it.ctgu.edu.cn/in/70">本科教务</a>  
                <a href="http://it.ctgu.edu.cn/in/141">留学生教务</a>   
            </div>
        </div>
        <div class="dropdown">
            <a href="http://it.ctgu.edu.cn/in/71" class="til"><button  class="dropbtn">研究生培养</button></a>
            <div class="dropdown_content">
                <a href="http://it.ctgu.edu.cn/in/72" style="padding-top: 12px;padding-bottom: 12px;padding-left: 28px;padding-right: 28px;text-decoration: none;display: block;line-height: 6px;">部门概况</a>  
                <a href="http://it.ctgu.edu.cn/in/71">最新公告</a>  
                <a href="http://it.ctgu.edu.cn/in/73">学位点简介</a>    
                <a href="http://it.ctgu.edu.cn/in/74">招生信息</a>  
                <a href="http://it.ctgu.edu.cn/in/75">导师风采</a>  
                <a href="http://it.ctgu.edu.cn/in/76">培养方案</a>  
                <a href="http://it.ctgu.edu.cn/in/77">教学大纲</a>  
                <a href="http://it.ctgu.edu.cn/in/78">培养管理</a>  
                <a href="http://it.ctgu.edu.cn/in/79">学位管理</a>  
                <a href="http://it.ctgu.edu.cn/in/80">学工动态</a>  
                <a href="http://it.ctgu.edu.cn/in/81">文件下载</a>  
                <a href="http://it.ctgu.edu.cn/in/82">研究生教育</a>   
            </div>
        </div>
        <div class="dropdown">
            <a href="http://it.ctgu.edu.cn/in/116" class="til"><button  class="dropbtn">学科建设</button></a>
            <div class="dropdown_content">
                <a href="http://it.ctgu.edu.cn/in/116" style="padding-top: 12px;padding-bottom: 12px;padding-left: 20px;padding-right: 20px;text-decoration: none;display: block;line-height: 6px;">学术动态</a> 
                <a href="http://it.ctgu.edu.cn/in/117">重点学科</a> 
                <a href="http://it.ctgu.edu.cn/in/118">基地建设</a> 
                <a href="http://it.ctgu.edu.cn/in/119">学术团队</a> 
                <a href="http://it.ctgu.edu.cn/in/120">学位建设</a>   
                </div>
        </div>

        <div class="dropdown">
            <a href="http://it.ctgu.edu.cn/in/83" class="til"><button  class="dropbtn">科学研究</button></a>
            <div class="dropdown_content">
                <a href="http://it.ctgu.edu.cn/in/84" style="padding-top: 12px;padding-bottom: 12px;padding-left: 20px;padding-right: 20px;text-decoration: none;display: block;line-height: 6px;">部门概况</a>  
                <a href="http://it.ctgu.edu.cn/in/86">研究方向</a>  
                <a href="http://it.ctgu.edu.cn/in/83">最新公告</a>  
                <a href="http://it.ctgu.edu.cn/in/85">科研政策</a>  
                <a href="http://it.ctgu.edu.cn/in/87">科研项目</a>  
                <a href="http://it.ctgu.edu.cn/in/88">科研成果</a>  
            </div>
        </div>  
        <div class="dropdown">
            <a href="http://it.ctgu.edu.cn/in/89" class="til"><button  class="dropbtn">党建工作</button></a>
            <div class="dropdown_content">
                <a href="http://it.ctgu.edu.cn/in/89" style="padding-top: 12px;padding-bottom: 12px;padding-left: 20px;padding-right: 20px;text-decoration: none;display: block;line-height: 6px;">部门概况</a>  
                <a href="http://it.ctgu.edu.cn/in/90">党建动态</a>  
                <a href="http://it.ctgu.edu.cn/in/91">组织机构</a>  
                <a href="http://it.ctgu.edu.cn/in/92">支部建设</a>  
                <a href="http://it.ctgu.edu.cn/in/93">党员风采</a>  
                <a href="http://it.ctgu.edu.cn/in/94">学习资料</a>  
                <a href="http://it.ctgu.edu.cn/in/95">党校培训</a>  
                <a href="http://it.ctgu.edu.cn/in/96">表格下载</a>  
                <a href="http://it.ctgu.edu.cn/in/97">党风廉政</a>  
                <a href="http://it.ctgu.edu.cn/in/98">创先争优</a>  
            </div>
        </div>
        <div class="dropdown">
            <a href="http://it.ctgu.edu.cn/in/99" class="til"><button  class="dropbtn">学生工作</button></a>
            <div class="dropdown_content">
                <a href="http://it.ctgu.edu.cn/in/99">学工概况</a>  
                <a href="http://it.ctgu.edu.cn/in/100">学工动态</a> 
                <a href="http://it.ctgu.edu.cn/in/101">规章制度</a> 
                <a href="http://it.ctgu.edu.cn/in/102">就业信息</a> 
                <a href="http://it.ctgu.edu.cn/in/103">奖贷助勤</a> 
                <a href="http://it.ctgu.edu.cn/in/104">科技创新</a> 
                <a href="http://it.ctgu.edu.cn/in/105">考研指导</a> 
                <a href="http://it.ctgu.edu.cn/in/106">学生荣誉</a> 
                <a href="http://it.ctgu.edu.cn/in/107">思政课堂</a> 
                <a href="http://it.ctgu.edu.cn/in/108">团委学生会</a>  
                <a href="http://it.ctgu.edu.cn/in/109">科技社团</a> 
                <a href="http://it.ctgu.edu.cn/in/110">活动广场</a> 
                <a href="http://it.ctgu.edu.cn/in/111">下载专区</a> 
                <a href="http://it.ctgu.edu.cn/in/112">学生成果展</a>   
                <a href="http://it.ctgu.edu.cn/in/113">青年志愿汇</a>   
                <a href="http://it.ctgu.edu.cn/in/114">曝光台</a>  
            </div>
        </div>
        <div class="dropdown">
            <a href="http://it.ctgu.edu.cn/in/129" class="til"><button  class="dropbtn">教工之家</button></a>
            <div class="dropdown_content">
                <a href="http://it.ctgu.edu.cn/in/129" style="padding-top: 12px;padding-bottom: 12px;padding-left: 20px;padding-right: 20px;text-decoration: none;display: block;line-height: 6px;">工会概况</a> 
                <a href="http://it.ctgu.edu.cn/in/130">工会活动</a> 
            </div>
        </div>
        <div class="dropdown">
            <a href="http://sec.ctgu.edu.cn/" target="_blank" class="til"><button  class="dropbtn">软件中心</button></a>
        </div>       
    </div>
    <div id="img123">
        <div id="imgBox">
            <img src="https://www.hualigs.cn/image/608176af74b11.jpg" alt="img1">
            <img src="https://www.hualigs.cn/image/608176bfbda40.jpg" alt="img2">
            <img src="https://www.hualigs.cn/image/608176d16839a.jpg" alt="img3">
        </div>
        <ul class="circle">
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <div class="allows">
            <img id="left_allow" src="https://www.hualigs.cn/image/60bf286e11829.jpg" alt="la">
            <img id="right_allow" src="https://www.hualigs.cn/image/60bf286e11829.jpg" alt="ra">
        </div>
    </div>
    <div class="cont">
        <div class="cont_1">
            <div class="left">
                <div class="title">
                    <p>学院动态</p>
                    <a href="#">news</a>
                </div>
                <div class="left_img">
                    <a href="#">
                    <img src="left.jpg">
                    </a>
                </div>
                <div class="text">
                    <a href="#">
                        <p style="color: #f90;">[图]</p><P>学院召开三届一次“两代会”</P>
                    </a>
                </div>
            </div>
            <div class="cent">
                <div class="link">
                    <p>...</p>
                </div>
                <ul>
                    <li>
                        <a href="http://it.ctgu.edu.cn/detail/14824" title="【党史学习教育】我院举办“百生讲坛—党史学习我来讲”优秀主讲人评选活动" target="_blank";>【党史学习教育】我院举办“百生讲坛—党史学习我来讲...<span class="newFlag"></span></a>
                    </li>
                    <li>
                        <a href="http://it.ctgu.edu.cn/detail/14822" title="【党史学习教育】听老党员讲党史，做新时代传承人" target="_blank";>【党史学习教育】听老党员讲党史，做新时代传承人<span class="newFlag"></span></a>
                    </li>
                    <li>
                        <a href="http://it.ctgu.edu.cn/detail/14819" title="计算机与信息学院赴十堰一中等优质生源地开展招生宣传工作" target="_blank";>计算机与信息学院赴十堰一中等优质生源地开展招生宣传...</a>
                    </li>
                    <li>
                        <a href="http://it.ctgu.edu.cn/detail/14816" title="专访我院学霸寝室——欣苑3栋414" target="_blank";>专访我院学霸寝室——欣苑3栋414</a>
                    </li>
                    <li>
                        <a href="http://it.ctgu.edu.cn/detail/14808" title="学院赴武汉地区走访用人单位开拓学生就业市场" target="_blank";>学院赴武汉地区走访用人单位开拓学生就业市场</a>
                    </li>
                    <li>
                        <a href="http://it.ctgu.edu.cn/detail/14809" title="“忆峥嵘百载，舞活力青春” ——我院承办大学生文化艺术节街舞、运动宝贝大赛" target="_blank";>“忆峥嵘百载，舞活力青春” ——我院承办大学生文化...</a>
                    </li>
                    <li>
                        <a href="http://it.ctgu.edu.cn/detail/14801" title="我院举行少数民族学生专题座谈会" target="_blank";>我院举行少数民族学生专题座谈会</a>
                    </li>

                </ul>
            </div>
            <div class="right">
                <div class="link"></div>
                <ul>
                    <li>
                        <a href=""><img src="https://www.hualigs.cn/image/60a3a4668ece2.jpg"></a>
                    </li>
                    <li>
                        <a href=""><img src="https://www.hualigs.cn/image/60a3a47c7fba5.jpg"></a>
                    </li>
                    <li>
                        <a href=""><img src="https://www.hualigs.cn/image/60a3a4899849a.jpg"></a>
                    </li>
                    <li>
                        <a href=""><img src="https://www.hualigs.cn/image/60a3a49734bf8.jpg"></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="cont_2">
            <div class="left">
                <div class="title">
                    <p>学院动态</p>
                    <a href="#">ANNOUNCEMENT</a>
                </div>
                <ul>
                    <li><a href="http://it.ctgu.edu.cn/detail/14080" title="三峡大学计算机与信息学院诚聘海内外优秀博士" target="_blank" class="div3-list-a">三峡大学计算机与信息学院诚聘海内外优秀博士</a></li>
                    <li><a href="http://it.ctgu.edu.cn/detail/14823" title="计算机信息学院2021年互联网+院赛通知" target="_blank" class="div3-list-a">计算机信息学院2021年互联网+院赛通知<span class="newFlag"></span></a></li>
                    <li><a href="http://it.ctgu.edu.cn/detail/14793" title="关于做好“五一”前后学生安全教育管理工作的通知" target="_blank" class="div3-list-a">关于做好“五一”前后学生安全教育管理工作的通知</a></li>
                    <li><a href="http://it.ctgu.edu.cn/detail/14792" title="关于召开防电信网络诈骗主题班会的通知" target="_blank" class="div3-list-a">关于召开防电信网络诈骗主题班会的通知</a></li>
                    <li><a href="http://it.ctgu.edu.cn/detail/14789" title="关于做好2021年大学生志愿服务西部计划招募工作的通知" target="_blank" class="div3-list-a">关于做好2021年大学生志愿服务西部计划招募工作的通知</a></li>
                    <li><a href="http://it.ctgu.edu.cn/detail/14788" title="计算机与信息学院关于教师岗位等级聘用意见的公示" target="_blank" class="div3-list-a">计算机与信息学院关于教师岗位等级聘用意见的公示</a></li>
                    <li><a href="http://it.ctgu.edu.cn/detail/14736" title="计算机与信息学院关于做好教师岗位等级动态聘用工作的通知" target="_blank" class="div3-list-a">计算机与信息学院关于做好教师岗位等级动态聘用工作的通知</a></li>
                </ul>
            </div>
            <div class="cent">
                <div class="title">
                    <p>学院动态</p>
                    <a href="#">ACADAMIC</a>
                </div>
                <ul>
                    <li><a href="http://it.ctgu.edu.cn/detail/14771" title="[计信讲坛] 第100讲    作物表型性状鉴定技术促进智慧农业发展" target="_blank" class="div3-list-a" style="width: 260px;">[计信讲坛] 第100讲    作物表型...</a></li>
                    <li><a href="http://it.ctgu.edu.cn/detail/14577" title="[计信讲坛] 第99讲 人脸检测中特征点提取方法及其应用" target="_blank" class="div3-list-a" style="width: 260px;">[计信讲坛] 第99讲 人脸检测中特征点...</a></li>
                    <li><a href="http://it.ctgu.edu.cn/detail/14576" title="[计信讲坛]第98讲 内容安全技术及其在医学影像保护中的应用研究" target="_blank" class="div3-list-a" style="width: 260px;">[计信讲坛] 第98讲 内容安全技术及其在...</a></li>
                    <li><a href="http://it.ctgu.edu.cn/detail/14532" title="[计信讲坛] 第 97 讲     “名师指导坊”活动--专业课课程思政若干问题探析" target="_blank" class="div3-list-a" style="width: 260px;">[计信讲坛] 第97讲     “名...</a></li>
                    <li><a href="http://it.ctgu.edu.cn/detail/14393" title="[计信讲坛] 第96讲  DIPS - 分布式智能制造系统" target="_blank" class="div3-list-a" style="width: 260px;">[计信讲坛] 第96讲  DIPS - ...</a></li>
                    <li><a href="http://it.ctgu.edu.cn/detail/14354" title="[计信讲坛] 第95讲  基金申报那些事儿" target="_blank" class="div3-list-a" style="width: 260px;">[计信讲坛] 第95讲  基金申报那些事...</a></li>
                    <li><a href="http://it.ctgu.edu.cn/detail/14353" title="[计信讲坛]第94讲  提升感知能力，向更远处行" target="_blank" class="div3-list-a" style="width: 260px;">[计信讲坛] 第94讲  提升感知能力，向...</a></li>
                </ul>
            </div>
            <div class="right">
                <div class="title">
                    <p>学院动态</p>
                    <a href="#">EMPLOYMENT</a>
                </div>
                <ul>
                <li><a href="http://it.ctgu.edu.cn/detail/14810" title="恒生2022实习生招聘全计划" target="_blank" class="div3-list-a">恒生2022实习生招聘全计划</a></li>
                <li><a href="http://it.ctgu.edu.cn/detail/14748" title="三峡大学计算机与信息学院2021年春季学期IT专场招聘会参与企业一览表" target="_blank" class="div3-list-a">三峡大学计算机与信息学院2021年春季学期I...</a></li>
                <li><a href="http://it.ctgu.edu.cn/detail/14790" title="广东巴德富集团2021届校园招聘简章" target="_blank" class="div3-list-a">广东巴德富集团2021届校园招聘简章</a></li>
                <li><a href="http://it.ctgu.edu.cn/detail/14785" title="链家招聘底薪8k起" target="_blank" class="div3-list-a">链家招聘底薪8k起</a></li>
                <li><a href="http://it.ctgu.edu.cn/detail/14750" title="旷视科技 2021 年春季校园招聘" target="_blank" class="div3-list-a">旷视科技 2021 年春季校园招聘</a></li>
                <li><a href="http://it.ctgu.edu.cn/detail/14749" title="智锐科技 2021 本科生国内及海外工作招聘 " target="_blank" class="div3-list-a">智锐科技 2021 本科生国内及海外工作招聘...</a></li>
                <li><a href="http://it.ctgu.edu.cn/detail/14706" title="三峡大学计算机与信息学院 2021届毕业生IT专场招聘会邀请函" target="_blank" class="div3-list-a">三峡大学计算机与信息学院 2021届毕业生I...</a></li>
                </ul>
            </div>
        </div>
        <div class="cont_3">
            <div class="text">
                <p>相关链接</p>
                <a href="#"> RELATED LINKS </a>
            </div>
            <ul>
                <li><a href=""><img src="https://www.hualigs.cn/image/60a3aa3d82296.jpg"></a></li>
                <li><a href=""><img src="https://www.hualigs.cn/image/60a3aa494698c.jpg"></a></li>
                <li><a href=""><img src="https://www.hualigs.cn/image/60a3aa552e38f.jpg"></a></li>
                <li><a href=""><img src="https://www.hualigs.cn/image/60a3aa5f665c1.jpg"></a></li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="footer_bottom">
            <div class="footer-p">
                <br/>
                <p>CopyRights &copy;2007-2008 All Rights Reserved 三峡大学计算机与信息学院 <a href="http://it.ctgu.edu.cn/in/115" id="guestLink">[在线留言]</a> <a id="guestLink2" href="http://it.ctgu.edu.cn/cms">[管理登录]</a></p>
                <p> 电 话：(0717)6393156&nbsp;&nbsp;&nbsp;邮 编：443002  </p>
                <p>地 址：湖北省宜昌市大学路8号&nbsp;&nbsp;电子邮件：jsjyb@ctgu.edu.cn </p>
            </div>
        </div>
    </div>
    <script>
        var bann=document.getElementById("imgBox");
        var t=0;
        var cs = document.querySelectorAll(".circle li");
        var la = document.getElementById("left_allow");
        var ra = document.getElementById("right_allow");
        function setColor(){
            for(var i=0;i<3;i++)
                cs[i].style.backgroundColor="white";
            cs[t].style.backgroundColor="#f60";
        }
        function change(){
            if(t==3)
            {
                t=0;
                bann.style.left="0px";
            }
            bann.style.left=-1184*t+"px";
            setColor();
            t++;
            console.log(t);
        }
        var timer = setInterval(change,2000);
        for(var i = 0; i < 3;i++){
            cs[i].index=i;
            cs[i].onclick=function(){
                t=this.index;
                bann.style.left = -1184*t+"px";
                setColor();
            }
        }
        la.onclick = function(){
            t--;
            if(t<0)
                t=2;
            imgBox.style.left=-1184*t+"px";
            setColor();
        }
        ra.onclick = function(){
            t++;
            if(t>2)
                t=0;
            imgBox.style.left=-1184*t+"px";
            setColor();
        }
    </script>
</body>
</html>